{taglib name="cx"/}
<!DOCTYPE html>
<html>
<head>
{include file="tpl/head" /}
<link rel="stylesheet/less" href="/public/css/index/style.less" type="text/css" />
<script src="http://cdn.bootcss.com/less.js/2.7.1/less.min.js"></script>
<style>
</style>
</head>
<body>
	<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
		<div class="container">
			<div class="row">
				<div class="col-sm-3 navbar-hover">
					<a href="#">首页</a>
				</div>
				<div class="col-sm-3 navbar-hover">
					<a href="#">Blog</a>
				</div>
				<div class="col-sm-3 navbar-hover">
					<a href="#" data-toggle="modal" data-target="#aboutModal">简介</a>
				</div>
				<div class="col-sm-3 navbar-hover">
					<a href="#" data-toggle="modal" data-target="#contactModal">联系</a>
				</div>
			</div>
		</div>
	</nav>
	<div class="context-wrapper">
		<div class="container ">
			<div class="banner-text">
				<h1>{$myBriefing->name}</h1>
				<h6>{$myBriefing->occupation}</h6>
			</div>
		</div>
	</div>
	<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
		<div class="container">
			<p class="navbar-copyright">
				Copyright ©2016 {$Think.config.website.copyright} 版权所有 <a href="http://www.miitbeian.gov.cn/">{$Think.config.website.record_no}</a>
			</p>
		</div>
	</nav>
	<div class="modal fade" id="aboutModal" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title">简介</h4>
				</div>
				<div class="modal-body">
					<div class="about">
						<div class="col-md-4 about-left ">
							<img src='{$myBriefing->img??""}' class="img-responsive" alt="">
						</div>
						<div class="col-md-8 about-right">
							<h3>
								你好！ <span>{$myBriefing->name??""} </span>
							</h3>
							<h4>{$myBriefing->occupation??""}</h4>
							<ul class="about-info">
								<li>
									<p>生日</p>
									<p>{$myBriefing->birthday??""}</p>
								</li>
								<li>
									<p>联系方式</p>
									<p>{$myBriefing->phone??""}</p>
								</li>
								<li>
									<p>邮箱</p>
									<p>
										<a href='mailto:{$myBriefing->email??""}'>{$myBriefing->email??""}</a>
									</p>
								</li>
								<li>
									<p>住址</p>
									<p>{$myBriefing->address??""}</p>
								</li>
								<li>
									<p>站点</p>
									<p>
										<a href='{$myBriefing->site??"#"}' target="_blank">{$myBriefing->site??""}</a>
									</p>
								</li>
							</ul>
						</div>
						<div class="clearfix"></div>
						<div class="about-text">{$myBriefing->briefing??""}</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="contactModal" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title">联系</h4>
				</div>
				<div class="modal-body">
					<div class="contact">
						<div class="row">
							<div class="col-md-6 contact-left"></div>
							<div class="col-md-6 contact-right">
								<form action='{url link="index/index/contact"}'>
									<div class="styled-input agile-styled-input-top">
										<input type="text" name="name" required> <label>姓名</label>
									</div>
									<div class="styled-input">
										<input type="text" name="email" required> <label>邮箱</label>
									</div>
									<div class="styled-input">
										<input type="text" name="subject" required> <label>主题</label>
									</div>
									<div class="styled-input">
										<textarea name="message" required></textarea>
										<label>正文</label>
									</div>
									<button type="submit">提交</button>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	{include file="tpl/script" /}
	<script type="text/javascript">
		$(document).ready(function() {
			$('form').on('submit', function() {
				return Ajax.form(this, function(result) {
					layer.msg(result.msg || "提交成功", {
						icon : 1,
						time : 1500
					});
					$('#contactModal').modal('hide');
				})
			})
		})
	</script>
</body>
</html>